<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<!--改变渐变的形状-->
<style>
.box{
	width:400px;
	height:300px;
	border:1px solid #000; 
	background-image:radial-gradient(farthest-corner  ellipse,red,blue);
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
